<template>
	<view style="	background-image: url('../../../static/lifewybj.png');width: 100vw;height: 100vh;">
		<view class="header" :style="'padding-top: '+bartop+'px; padding-bottom:10rpx;background: rgba(0, 0, 0, 0);'">
			<view class="goodsmsgheader headertop" style="width: 100%;">
				<navigator open-type="navigateBack" style="padding:10rpx">
					<image src="/static/zfh.png" mode="aspectFit"></image>
				</navigator>
				<text style="font-size: 36rpx;
		font-family: Source Han Sans CN;
		font-weight: 600;
		color: #000000;
		"> 邻里豆明细</text>
				<!-- <image src="/static/goodsmsghei.png" mode="aspectFit" bindtap="showmsg" wx:if="{{cartlen=='00'?false:true}}"><text>{{cartlen}}</text></image> -->
			</view>
		</view>
		<view class="" style="height: 200rpx;width: 100rpx;"></view>



		<view class="title">
			<view :class="titles==0?'title1':'title2'" @click="title(0)">
				邻里豆收入
			</view>
			<view :class="titles==1?'title1':'title2'" @click="title(1)">
				邻里豆支出
			</view>
		</view>

		<view class="box" v-show="titles==0">
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">签到</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y">
					+10
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">签到</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y">
					+10
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">签到</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y">
					+10
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">签到</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y">
					+10
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">签到</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y">
					+10
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">签到</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y">
					+10
				</view>
			</view>
		</view>



		<view class="box" v-show="titles==1">
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">商品抵扣</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y1">
					-20
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">物业费抵扣</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y1">
					-20
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">商品抵扣</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y1">
					-20
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">物业费抵扣</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y1">
					-20
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">商品抵扣</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y1">
					-20
				</view>
			</view>
			<view class="box1">
				<view class="box1z">
					<view class="box1ztext">商品抵扣</view>
					<view class="box1ztext1">2022/04/28</view>
				</view>
				<view class="box1y1">
					-20
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	//邻里豆
	export default {
		data() {
			return {
				bartop: 0,
				titles: 0,
			}
		},
		onLoad(e) {
			this.bartop = this.$bartop;
		},
		methods: {
			title(e) {
				this.titles = e
			}
		}
	}
</script>

<style>
	.title {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.title1 {
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 600;
		color: #000000;
		border-bottom: 4rpx transparent solid;
		border-image: -webkit-linear-gradient(left, red, yellow) 1 10;
	}

	.title2 {
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 600;
		color: #000000;
	}

	.box {}

	.box1 {
		padding: 40rpx 60rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.box1ztext {
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 600;
		color: #333333;
	}

	.box1ztext1 {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #999999;
	}

	.box1y {
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #FF5002;
	}

	.box1y1 {
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: #999999;
	}
</style>
